<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body style="margin:0 auto;">
		<video style="width:7.5rem;height:100vh" id="video" autoplay controls></video>
	</body>

	<script>
		if (Hls.isSupported()) {
			var video = document.getElementById('video'); // 获取 video 标签
			var hls = new Hls(); // 实例化 Hls 对象
			
			// hls.loadSource('https://shsh.vxmeng.com/uploads/20240111/aa10.m3u8'); // 传入路径
			hls.loadSource('/static/n11/n11.m3u8'); // 传入路径
			hls.attachMedia(video);
			hls.on(Hls.Events.MANIFEST_PARSED, function() {
				// video.play(); // 调用播放 API
			});
		}
	</script>
</html>